import React, {Fragment} from 'react';

export default ({width, height, color, padding, margin}) => (
  <Fragment>
    <svg
      height={height}
      width={width}
      fill={color}
      style={{padding, margin}}
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      version="1.1"
      x="0px"
      y="0px"
      viewBox="0 0 100 100"
      enableBackground="new 0 0 100 100"
    >
      <path d="M17.914,60.871v9.576h3.573v-9.576H17.914z M66.886,25.279v9.703h3.573V17.425c0-2.659-2.181-4.82-4.842-4.82h-3.075v7.853  C64.975,20.729,66.886,22.765,66.886,25.279z" />
      <path d="M65.617,12.605H22.775c-2.68,0-4.861,2.161-4.861,4.82v63.183c0,2.68,2.181,4.842,4.841,4.842h32.91v-8.436H26.348  c-1.495,0-2.844-0.664-3.739-1.723v-0.023c-0.706-0.85-1.122-1.91-1.122-3.074V25.279c0-2.68,2.182-4.841,4.861-4.841h35.674  c0.166,0,0.355,0,0.52,0.02c2.433,0.271,4.344,2.307,4.344,4.821v9.703h3.573V17.425C70.459,14.766,68.278,12.605,65.617,12.605z   M44.425,78.676c1.495,0,2.722,1.207,2.722,2.701c0,1.516-1.227,2.721-2.722,2.721c-1.516,0-2.721-1.205-2.721-2.721  C41.704,79.883,42.909,78.676,44.425,78.676z" />
      <path d="M82.239,37.995h-20.88c-1.769,0-3.181,1.413-3.181,3.18v41.513c0,1.203,0.646,2.223,1.622,2.762  c0.456,0.27,0.996,0.416,1.559,0.416h20.88c1.765,0,3.2-1.414,3.2-3.178V41.174C85.439,39.407,84.004,37.995,82.239,37.995z   M60.527,46.326c0-1.351,0.832-2.493,2.015-2.95c0.354-0.146,0.749-0.229,1.165-0.229h16.185c1.766,0,3.2,1.415,3.2,3.179v30.813  c0,1.766-1.435,3.18-3.2,3.18H63.707c-1.746,0-3.18-1.414-3.18-3.18V46.326z M71.664,84.971c-0.976,0-1.767-0.789-1.767-1.787  c0-0.166,0.021-0.311,0.083-0.455c0.022-0.189,0.105-0.355,0.208-0.5c0,0,0-0.02,0.021-0.041c0.312-0.457,0.852-0.77,1.454-0.77  c0.997,0,1.786,0.791,1.786,1.766C73.45,84.182,72.661,84.971,71.664,84.971z" />
    </svg>
  </Fragment>
);
